<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${basePath}common/css/myuser.css" type="text/css" media="screen" />
<script src="${basePath}common/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="${basePath}common/highcharts/js/highcharts.src.js"></script>
<script src="${basePath}common/highcharts/js/modules/exporting.src.js"></script>
<title>${title}</title>
<meta name="keywords" content="${keywords}">
<meta name="description" content="${description}">
<meta name="author" content="${author}"/>



</head>
<body>

<div id="Screen">
<!-- 头部-->
<#include 'header.ftl'>

<div id="Message">
<samp class="date">2013-01-03 </samp> 收录搜索关键字 <samp style="font-size: 12pt;color: red;font-weight: bolder;">1777 </samp> 个        

</div>




<div id="Chart">


<script type="text/javascript">

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                backgroundColor :'#40BC53',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: '常见的搜索关键字TOP'
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 2) +' %';
                }
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>';
                        }
                    }
                }
            },
            series: [{
                type: 'pie',
                name: '关键字',
                data: [
                <#list list as item>
                    ['${item.keyword}',   ${item.count}],
                    </#list>
                 
                ]
            }]
        });
    });
    
});



</script>


<div id="container" style="min-width: 320px; height: 320px; margin: 0 auto"></div>

</div>



<div id="List">
<table width='90%'  >
<thead>
<tr>
<th>关键字</th>

<th>搜索次数</th>



</tr>
</thead>
<tbody>
<#list list as item>
<tr onmouseover="this.style.background='#5cc26f'" onmouseout="this.style.background='#ffffff'" >
<td><a href="${basePath}keyword/show?keyword=${item.keyword}">${item.keyword}</a></td>

<td>${item.count}</td>


</tr>
</#list>



</tbody>
</table>


</div>




<#include 'footer.ftl'>

</div>

</body>
</html>